@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .bodyone {
        @apply w-[100vw] h-[100vh] flex flex-col justify-center items-center
    }

    .bodytow {
        @apply w-[500px] h-[300px] border border-gray-300 rounded bg-gray-100
    }

    /* 顶部的登录字体 */
    .login {
        @apply text-center text-2xl mt-[0.5rem]
    }

    /* input框 */
    .span_input {
        @apply mt-[2rem] flex justify-center;
    }

    .span {
        @apply w-[5rem] text-left;
    }

    /* .input {
        @apply w-2/5 h-[28px] border-2 outline-none hover:ring-offset-4 ring-1 ring-gray-600 rounded transition-all;
    } */

    /* 按钮 */
    .anniu {
        @apply mt-[2rem] flex justify-evenly items-center
    }

    .antd-btn {
        @apply w-[20rem] h-[2rem] bg-blue-500
    }

    .antd-btn:hover {
        @apply bg-blue-400;
    }

    .btn {
        @apply w-[6rem] h-[2rem] bg-blue-500 text-white rounded;
    }
}